在 HTML 中获取 URL 参数是一个常见的需求，它可以帮助我们获取来自 URL 上的参数值，以便在页面上进行相应的操作。本文将介绍两种常见的方法：使用 JavaScript 获取 URL 参数和使用 PHP 获取 URL 参数。
1. 使用 JavaScript 获取 URL 参数
在 JavaScript 中，我们可以使用 `window.location.search` 属性来获取当前页面 URL 中的查询字符串部分。查询字符串由问号（?）开始，并以键值对的形式出现，每个键值对之间用 ampersand（&）分隔。以下是一个例子：
URL：http://www.example.com?name=John&age=25
我们可以通过以下的 JavaScript 代码来获取 URL 参数：
```javascript
// 获取 URL 参数
const paramsString = window.location.search;
// 将 URL 参数字符串转换为对象
const searchParams = new URLSearchParams(paramsString);
// 获取指定参数的值
const name = searchParams.get('name');
const age = searchParams.get('age');
console.log(name); // 输出：John
console.log(age); // 输出：25
```
以上代码首先使用 `window.location.search` 获取 URL 参数字符串，然后使用 `URLSearchParams` 对象将字符串转换为键值对形式的对象。接下来，我们可以使用 `get` 方法从对象中获取指定参数的值。
2. 使用 PHP 获取 URL 参数
在 PHP 中，我们可以使用 `$_GET` 超全局变量来获取 URL 中的查询字符串部分，并提供相应的键来获取参数值。以下是一个例子：
```php
// 获取指定参数的值
$name = $_GET['name'];
$age = $_GET['age'];
echo $name; // 输出：John
echo $age; // 输出：25
```
以上代码首先通过使用 `$_GET` 超全局变量获取 URL 查询字符串部分，并通过提供相应的键来获取参数值。然后，我们可以使用 `echo` 函数将参数值输出到页面上。
注意事项：
- 在使用 JavaScript 获取 URL 参数时，需要考虑是否需要对参数值进行转义或验证，以防止潜在的安全问题。
- 在使用 PHP 获取 URL 参数时，建议使用 `isset` 函数或其他方式对参数是否存在进行检查，以防止未定义变量的错误。
总结：
通过上述两种方法，我们可以轻松地获取 HTML 中的 URL 参数。使用 JavaScript 可以在客户端获取参数值，而使用 PHP 可以在服务器端获取参数值。根据具体的需求，选择合适的方法来获取 URL 参数。
咨询微信客服
0516-6662 4183
立即获取方案或咨询
top
